<template>
  <div class="faq_page">
    <div
      class="faq_page_cell"
      @click="godetails(item)"
      v-for="(item, index) in deptList"
    >
      <div class="left">
        <!-- <img src="@/assets/list-hospital introduction@2x.png" alt="">  -->
        {{ item.deptName }}
      </div>
      <div class="right">
        <img src="@/assets/img/right.png" alt="" />
      </div>
    </div>
  </div>
</template>
<script>
import { getAfterPointsList } from "@/api/api";
export default {
  data() {
    return {
      deptList: [],
    };
  },
  created() {
    this.getAfterPointsList();
  },
  methods: {
    getAfterPointsList() {
      var data = {
        isOutpat: "2", //1:门诊  2://住院    必填
        isGroup: "yes", //科室列表  yes:是   no:否
        deptName: "", //根据科室名查询  此科室下的注意事项
      };

      getAfterPointsList(data).then((res) => {
        if (res.code == 200) {
          this.deptList = res.data;
        }
      });
    },
    godetails(item) {
      this.$router.push({
        path: "/notes_list",
        query: {
          isOutpat: "2",
          deptName: item.deptName,
        },
      });
    },
  },
};
</script>
<style lang="less" scoped>
.faq_page {
  /* padding-top: 19px; */
  width: 100%;
}

.faq_page_cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(~"100% - 2rem");
  padding: 0.8125rem 1rem;
}

.faq_page_cell .left {
  // display: flex;
  // align-items: center;
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.faq_page_cell .left img {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  object-fit: contain;
  margin-right: 0.625rem;
}

.faq_page_cell .right img {
  display: block;
  width: 8px;
  height: 13px;
  /* object-fit: contain; */
}
</style>